import styled from "styled-components";

export const Wrapper = styled.div`
  height: 100%;
  position: relative;

  .comment-controller {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    box-sizing: content-box;

    button {
      margin-left: 10px;
    }
  }

  .comment-list {
    height: calc(100% - 53px);
    overflow: auto;

    > * {
      border-bottom: 1px solid hsl(var(--border));
    }
  }
`;
